.section {
    --bb-sidebar-width: 0;
}

.main {
    padding: 1rem;
}

.sidebar-title {
    height: 50px;
    align-items: center;
    padding: 1rem;
    border-bottom: solid 1px var(--bs-border-color);
    display: none;
}

.sidebar-text {
    font-weight: 700;
}

::deep p:last-child {
    margin-bottom: 0;
}

@media (min-width: 768px) {
    .section {
        --bb-sidebar-width: 300px;
        display: flex;
        flex-direction: row;
        -webkit-font-smoothing: antialiased;
    }

    .sidebar-title {
        display: flex;
    }

    .sidebar {
        width: var(--bb-sidebar-width);
        height: calc(100vh);
        position: sticky;
        top: 0;
        border-right: solid 1px var(--bs-border-color);
        margin-top: calc(var(--bs-header-height) * -1);
    }

    .main {
        flex: 1;
        height: 100%;
    }
}
